<template>
    <div class="took_success">
        <top-timer :back="false" />
        <div class="center">
            <img class="gou_icon" width="50" height="50" src="@/assets/img/gou_icon.png" alt="">
        </div>
        <p class="font_M font_40 col_333 center">取衣成功</p>
        <p class="font_30 col_999 center tip">扫描下方二维码进入小程序查看订单详情</p>
        <div class="center">
            <img width="100" height="100" src="@/assets/img/mini.png" alt="">
        </div>
<!--        <div class="order_box center">-->
<!--            <div class="flex">-->
<!--                <div class="flex1 col_666 font_30">订单号：678965644</div>-->
<!--                <div class="flex1 col_666 font_30">配送流水：213453543</div>-->
<!--            </div>-->
<!--            <div class="flex">-->
<!--                <div class="flex1 col_666 font_30">订单号：678965644</div>-->
<!--                <div class="flex1 col_666 font_30">配送流水：213453543</div>-->
<!--            </div>-->
<!--        </div>-->
        <div class="center btn_group overflow">
            <el-button class="col_blue" @click="handleHome()">返回首页</el-button>
            <el-button class="success_btn font_M col_fff" type="primary" @click="handleTake()">继续取衣</el-button>
        </div>
        <top-tips/>
    </div>
</template>

<script>
  export default {
    name: 'took-success',
    methods: {
      handleHome() {
        this.$router.push('Home');
      },
      handleTake() {
        this.$router.push('TakeOrderList');
      }
    }
  };
</script>

<style lang="scss">
    .took_success {
        .gou_icon {
            margin: 0.50rem 0 0.40rem;
        }
        .tip {
            margin: 0.20rem 0 0.40rem;
        }
        .order_box {
            padding: 0.30rem 0.8rem 0.20rem;
            margin: 0.40rem 0.80rem 1.00rem;
            background:rgba(249,252,255,1);
            box-shadow: 0.02rem 0.02rem 0.20rem 0rem rgba(0,0,0,0.1);
            border-radius: 0.24rem;
            .flex1 {
                margin-bottom: 0.20rem;
            }
        }
        .btn_group{
            height: 0.80rem;
            margin-top: 0.6rem;
        }
        button {
            width:2.40rem;
            box-shadow: 0rem 0.02rem 0.04rem 0rem rgba(10, 130, 236, 0.2);
            border: 0.02rem solid #0080F4;
            color: #0A82EC;
            border-radius: 2.00rem;
            padding: 0;
            height: 0.80rem;
            font-size: 0.40rem;
            vertical-align: top;
        }
        .success_btn {
            color: white;
            background-color: #0A82EC;
        }
        .el-button+.el-button {
            margin-left: 0.60rem;
        }
    }
</style>
